<!--包含头部文件-->
{include file="public/header" /}
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 商品管理 <span class="c-gray en">&gt;</span> 好物列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="page-container">
    <div class="cl pd-5 bg-1 bk-gray mt-10">
		<span class="l">
			<a href="javascript:;" onclick="good_add('新增好物','{:url(\'commodity/good_add\')}',($(window).width())*0.5,($(window).height())*0.8)" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 新增好物</a>
		</span>
        <span class="r">共有数据：<strong>{$total}</strong> 条</span>
    </div>
    <form class="form form-horizontal" name="ruleorder" method="post" action="" id="ajaxForm">
        <table class="table table-border table-bordered table-bg">
            <thead>
            <tr>
                <th scope="col" colspan="13">轮播列表</th>
            </tr>
            <tr class="text-c">
                <th width="25"><input type="checkbox" name="" value=""></th>
                <th width="40">ID</th>
                <th width="90">标题</th>
                <th width="90">价格</th>
                <th width="150">淘宝/天猫</th>
                <th width="150">商品类别</th>
                <th width="150">优惠券</th>
                <th width="90">优惠券金额</th>
                <th width="130">开始时间</th>
                <th width="130">结束时间</th>
                <th width="130">创建时间</th>
                <th width="130">排序</th>
                <th width="100">操作</th>
            </tr>
            </thead>
            <tbody>
            {volist name="list" id="v"}
            <tr class="text-c">
                <td><input type="checkbox" value="{$v.good_id}" name="good_ids"></td>
                <td>{$v.good_id}</td>
                <td>{$v.title}</td>
                <td>{$v.price}</td>
                <td>
                    {if condition="$v['shoptype'] == 'C' "} 淘宝
                    {else /} 天猫
                    {/if}
                </td>
                <td>{$v.name}</td>
                <td>
                    {if condition="$v['coupon'] == 1 "} 有
                    {else /} 无
                    {/if}
                </td>
                <td>{$v.coupon_price}</td>
                <td>{$v.begin_time|date="Y-m-d H:i:s", ###}</td>
                <td>{$v.end_time|date="Y-m-d H:i:s", ###}</td>
                <td>{$v.add_time|date="Y-m-d H:i:s", ###}</td>
                <td><input name="{$v.good_id}" value="{$v.sort}" style="width: 50px;"/></td>
                <td class="td-manage">
                    <a title="编辑" href="javascript:;" onclick="good_edit('轮播编辑','{:url(\'commodity/good_edit\',[\'good_id\'=>$v.good_id])}',($(window).width())*0.5,($(window).height())*0.8)" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>
                    <a title="删除" href="javascript:;" onclick="good_del(this,'{$v.good_id}')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a>
                </td>
            </tr>
            {/volist}
            <tr>
                <td colspan="10" align="left">
                    <span class="l"><a href="javascript:;" onclick="alldel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> </span>
                    <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;排序&nbsp;&nbsp;">
                    <span align="right">按数值从小到大排序</span>
                </td>

            </tr>
            </tbody>
        </table>
    </form>
    <div class="row">
        <div class="col-sm-2" id="pageBox">
            {$page}
        </div>
    </div>
</div>
<!--包含footer文件-->
{include file="public/footer" /}

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__STATIC__/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="__STATIC__/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="__STATIC__/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="__STATIC__/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="__STATIC__/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="__STATIC__/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript">
    /*
     参数解释：
     title 标题
     url      请求的url
     id       需要操作的数据id
     w    弹出层宽度（缺省调默认值）
     h    弹出层高度（缺省调默认值）
     */
    /*好物-增加*/
    function good_add(title,url,w,h){
        layer_show(title,url,w,h);
    }
    /*好物-删除*/
    function good_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            $.ajax({
                type: 'POST',
                url: '{:url("commodity/good_del")}',
                data:{"good_id":id},
                dataType: 'json',
                success: function(data){
                    $(obj).parents("tr").remove();
                    layer.msg('已删除!',{icon:1,time:1000});
                },
                error:function(data) {
                    console.log(data.msg);
                },
            });

        });
    }
    /*批量删除*/
    function alldel(){
        layer.confirm('确认要删除吗？',function(index){
            var arr=new Array()
            $("input:checkbox[name='good_ids']:checked").each(function(index){
                arr[index] =$(this).val();
            });
            if (arr.length == 0){
                layer.confirm('请选择要删除的数据');
                return false;
            }
            $.ajax({
                type: 'POST',
                url: '{:url("commodity/alldel")}',
                data:{"arr":arr},
                dataType: 'json',
                success: function(data){
                    if (data.code == 200){
                        layer.alert('删除成功',{
                            skin: 'layui-layer-molv' //样式类名 自定义样式
                            ,closeBtn: 0  // 是否显示关闭按钮
                            ,anim: 1 //动画类型
                            ,btn: '确认'//按钮
                            ,icon: 6  // icon
                            ,yes:function(){
                                location.reload();
                            }
                        })
                    }else {
                        layer.alert(data.msg+'',{
                            skin: 'layui-layer-molv' //样式类名 自定义样式
                            ,closeBtn: 0  // 是否显示关闭按钮
                            ,anim: 1 //动画类型
                            ,btn: '确认'//按钮
                            ,icon: 6  // icon
                        })
                    }
                },
                error:function(data) {
                    layer.alert('失败',{
                        skin: 'layui-layer-molv' //样式类名 自定义样式
                        ,closeBtn: 0  // 是否显示关闭按钮
                        ,anim: 1 //动画类型
                        ,btn: '确认'//按钮
                        ,icon: 6  // icon
                    })
                },
            });
        });
    }



    /*好物-编辑*/
    function good_edit(title,url,w,h){
        layer_show(title,url,w,h);
    }

    $(function () {
        // 排序
        $("#ajaxForm").validate({
            onkeyup:false,
            focusCleanup:true,
            success:"valid",
            submitHandler:function(form){
                var arr = new FormData(document.getElementById("ajaxForm"));
                $.ajax({
                    url:"{:url('commodity/good_order')}",
                    type:"post",
                    data:arr,
                    async: true,
                    processData: false,
                    contentType: false,
                    dataType:"json",
                    success:function (data) {
                        if (data.code == 200){
                            layer.alert('排序成功',{
                                skin: 'layui-layer-molv' //样式类名 自定义样式
                                ,closeBtn: 0  // 是否显示关闭按钮
                                ,anim: 1 //动画类型
                                ,btn: '确认'//按钮
                                ,icon: 6  // icon
                                ,yes:function(){
                                    location.reload();
                                }
                            })
                        }else {
                            layer.alert('排序失败'+data.msg+'',{
                                skin: 'layui-layer-molv' //样式类名 自定义样式
                                ,closeBtn: 0  // 是否显示关闭按钮
                                ,anim: 1 //动画类型
                                ,btn: '确认'//按钮
                                ,icon: 6  // icon
                            })
                        }

                    },
                    error:function () {
                        layer.alert('排序失败',{
                            skin: 'layui-layer-molv' //样式类名 自定义样式
                            ,closeBtn: 0  // 是否显示关闭按钮
                            ,anim: 1 //动画类型
                            ,btn: '确认'//按钮
                            ,icon: 6  // icon
                        })
                    }
                })

            }
        });
    })

</script>
</body>
</html>
